body { background : #fff; margin : 0; border : 0; padding : 0; }

#paper { width : 946px; margin : 0 auto; }

#logonavi { float : left; width : 146px; margin : 0 88px 0 10px; }
#content  { float : left; width : 380px; }
#sidebar  { float : left; width : 234px; margin : 0 10px 2em 78px; }

#logo { margin : 22px 0 0 -1px; }

#menu { margin-top : 35px; }

#text { width : 100%; margin-top : 193px; }

#text #stamp { float : right; margin : 0 0 1em 1em}

.blogstuff { clear : both; }

#bottomline { width : 100%; margin-top : 53px; border-top : 1px solid #ff880b; padding-top : 5px; }

#bottomline span { display: inline-block; position: relative; height : 2em; width: 67%; }

#sidehead { width : 100%; height : 110px; margin-bottom : 31px; }

@media only screen and (min-width : 1269px)
{
#paper { width : 1112px; }

#sidebar { margin-right : 166px; }
}

@media only screen and (min-width : 1102px) and (max-width : 1268px)
{
#paper { margin : 0 0 0 78px; }
}

@media only screen and (max-width : 868px)
{
#menu, #text, #sidebar { font-size : 1.1429em; }
#sidehead p            { font-size : 0.875em; }

#sidebar ul       { margin-left : 22px; }
#sidebar .twin    { width : 41.053%; }
#sidebar .twin li { letter-spacing : 0.2pt; }
}

@media only screen and (min-width : 571px) and (max-width : 868px)
{
#paper { width : 634px; margin : 0; }

#content { margin-right : 10px; }

#sidebar { float : none; clear : both; width : 380px; margin : 0 10px 2em 244px; padding-top : 2px; }
}

@media only screen and (min-width : 571px) and (max-width : 633px)
{
#paper { width : 100%; }

#logonavi { width : 36.909%; margin : 0 0 0 1.5773% }
#content  { width : 59.937%; margin-right : 1.5773% }
#sidebar  { width : 59.937%; margin : 0 1.5773% 2em 38.486%; }

#title img, #text img { max-width : 100%; height : auto; }
}

@media only screen and (max-width : 570px)
{
#paper { width : 380px; }

#logonavi { float : none; clear : both; width : 380px; margin : 0; }
#content  { float : none; clear : both; }
#sidebar  { float : none; clear : both; width : 380px; margin : 2px 0 2em; }

#logo { float : left; margin : 22px 0 0; }

#menu { float : left; margin : 15px 0 18px 55px; }

#menu #blocky { margin-top : 5px; }

#text { padding-top : 24px; margin : 0; }
}

@media only screen and (max-width : 422px)
{
#paper { width : 100%; margin : 0; }

#logonavi { width : 95%; margin : 0 0 0 5%; }
#content  { width : 90%; margin : 0 5%; }
#sidebar  { width : 90%; margin : 2px 5% 2em; }

#logo { width : 33.666%; height : auto; }

#menu { margin-left : 13.716%; }

#text img { max-width : 100%; height : auto; }
}

@media only screen and (max-width : 380px)
{
#sidebar ul       { margin-left : 12px; }
#sidebar .twin    { width : 50%; }
#sidebar .twin li { letter-spacing : 0; }
}

@media only screen and (max-width : 300px)
{
#paper { width : 300px; }
}