*, *:before, *:after {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
body { 
    height: 100%;
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1em;
    line-height: 1.618em;
    color: #555;
    background-color: #fffffa;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.809em;
    line-height: 1em;
}
p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em; 
}
a { color: #CF9B00; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#container {
    max-width: 60em;
    margin: 0 auto;
    padding: 20px;
}
#header {
    position: relative; 
    margin: 0em auto 1em auto;
    border: 1px solid #F6CA4B; 
    border-radius: 10px;
    background-color: #EDDE5D;
    background-image: -ms-linear-gradient(top, #F09819 0%, #EDDE5D 100%);
    background-image: -moz-linear-gradient(top, #F09819 0%, #EDDE5D 100%);
    background-image: -o-linear-gradient(top, #F09819 0%, #EDDE5D 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F09819), color-stop(1, #EDDE5D));
    background-image: -webkit-linear-gradient(top, #F09819 0%, #EDDE5D 100%);
    background-image: linear-gradient(to bottom, #F09819 0%, #EDDE5D 100%);
}
#banner {
    position: absolute;
    left: 150px;
    top: 60px;
    margin-bottom: 0.3em;
}
#banner a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
}
img.floatleft {
    float: left;
    margin: 10px;
}
#inner-block {
    padding: 0.5em;
    margin-bottom: .5em;
}
#inner-block h2 {
    color: #CF9B00;
    font-weight: 100;
    margin: 10px 0 10px 0;
}
#inner-block h3 {
    color: #CF9B00;
}
#inner-block h2 a {
    color: #888;
}
#inner-block h2 a:hover {
    color: #CF9B00;
    text-decoration: none;
}
#inner-block ul {
    padding: 5px 15px;
}
#sidebar { 
    padding: 0px 10px 10px 10px;
    border: 1px solid #F6CA4B;
    border-radius: 10px;
    background-color: #EDE9C9;
}
#sidebar ul {
    list-style-type: square;
    color: #CF9B00;
    padding: 0px 10px 10px 30px;
}
#sidebar h2 { 
    color: #333; 
    padding: 10px 0 5px 10px;
}

@media screen and (max-width: 35em) {
    #banner {
        left: 130px;
        top: 40px;
        font-size: 1.5em;
    }
    #sidebar ul {
        line-height: 3em;
    }
}
@media screen and  (min-width: 35em) and (max-width: 45em) {
    #banner {
        left: 150px;
        top: 50px;
     }
    #sidebar ul {
        line-height: 3em;
    }
}
@media screen and (min-width: 45em) and (max-width: 60em) {
    #container {
        width: 45em;
    }
    #sidebar ul {
        line-height: 2em;
    }
}
@media screen and (min-width: 60em ) {
    #content {
	float: left;
	width: 100%;
	margin-right: -15em; /* The size of the fixed block. */
    }
    #inner-block {
	margin-right: 15em; /* The size of the fixed block. */
    }
    #sidebar {
	float: left;
	width: 15em; /* The size of the fixed block. */
    }
}