html, body {
    background:#ccc;
    font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
}
a {
    color:#E29C09;
}
h2 {
    font-size:130%;
    color:#444;
    padding:30px 20px 10px 20px;
}
h3 {
    font-size:100%;
    color:#777;
    padding:0px 20px 10px;
}
h4 {
    font-weight:bold;
    color:#444;
    padding:10px 20px 0px 20px;
    font-size:80%;
}
p {
    margin:10px 20px;
    line-height:1.1em;
}
b {
    color:#666;
}

.clear  { clear:both; }
.bold   { font-weight:bold; }
.large  { font-size:120%; }
.small  { font-size:80%; }
.center { text-align:center; }
#top {
    position:absolute;
    margin:0 0 0 600px;
}
#top a {
    font-weight:bold;
    text-decoration:none;
    background:#EEE;
    border:2px solid #E29C09;
    border-width:0 1px 1px 1px;
    padding:4px 8px;
    display:block;
    -moz-border-radius-bottomLeft:5px;
    -moz-border-radius-bottomRight:5px;
    -webkit-border-radius-bottomLeft:5px;
    -webkit-border-radius-bottomRight:5px;
}
#top a:hover {
    color:#EEE;
    background:#E29C09;
}
#page {
    width:700px;
    margin:0 auto;
    background:#fff url('../img/body-bg.jpg') no-repeat top center;
    border-left:20px solid #bbb;
    border-right:20px solid #bbb;
}

#content {
    width:522px;
    margin:50px 0 0 0;
}
#content ul {
    margin:10px 20px 10px 30px;
    list-style:square;
}
#content ul li {
    margin:2px 0 2px 10px;
}
#theme-song {
    background:#EEE;
    border:2px solid #E29C09;
    position:absolute;
    top:160px;
    width:300px;
    display:block;
    padding:8px;
    font-size:115%;
    margin-left:363px;
    *margin-left:125px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#theme-song h3 {
    font-size:70%;
    padding:0;
    margin-bottom:4px;
    margin-top:8px;
}
#theme-song a {
    text-decoration:none;
}
#theme-song img {
    float:left;
    margin:0 10px 0 0;
}
#slogan-1 {
    color:#eee;
    float:right;
    margin:60px 10px 0 0;
    width:420px;
}
#slogan-1 h2 {
    font-weight:bold;
    font-size:100%;
    padding:0;
    color:#ccc;
}
#slogan-1 p {
    font-size:70%;
    margin:10px 0;
}

#photos {
    text-align:center;
    vertical-align:top;
    padding-left:10px;
}
#photo ul {
    margin:0!important;
    margin:10px 10px!important;
}
#photos li {
    text-align:center;
    margin-bottom:8px;
    margin-left:0!important;
    list-style:none!important;
}
#photos li img {
    border:2px solid #999;
}
#sarajevo {
    position:absolute;
    font-size:65%;
    margin:0 3px 0 284px;
    padding:0 15px;
    background:#ffc;
    width:260px;
    border:2px solid #e29c09;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#sarajevo-text {
    width:260px;
}
#sarajevo pre {
    margin:10px 0;
    font-size:1.05em;
}
#sarajevo h2, 
#sarajevo h3 { 
    margin:10px 0 4px 0;
    padding:0;
}
#engagement {
    width:240px;
    float:right;
    background:#ddd;
    border:2px solid #E29C09;
    font-size:80%;
    margin-right:40px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#engagement h2 {
    padding-top:10px!important;
}
#ft {
    margin-top:10px;
    padding:8px;
    background:#ddd;
    font-size:80%;
    color:#666;
    text-align:center;
}