body       {background-image: url(gradation.png);
           background-repeat: repeat-x;
           background-color: #165a84;}

#container {width: 800px;
           margin: auto;}

#wrapper   {padding: 20px;
           background-color: #ffffff;}

#content   {width: 580px;
           float: right;
           margin: 30px 0;}

#header  {width: 760px;
         height: 200px;
         background-image: url(HomePage-background.jpg);
         -moz-background-size: 760px 360px;
         -webkit-background-size: 760px 360px;
         -o-background-size: 760px 360px;}

#header_inner {padding: 20px;}

#header h1 {margin: 0;
           font-size: 1.5em;
           font-family: Verdana, Helvectica, sans-serif;
           color: #ffffff;}

#header p  {margin: 0;}

#header #photo {margin: 0;
               margin-top: 6px;}

#sidebar   {width: 150px;
           float: left;
           margin: 30px 0;}

#foot      {clear: both;}

#footer    {width: auto;
           border-top: solid 5px #b8e964;
           padding-top: 10px;
           padding-bottom: 20px;}

#footer p  {color: #000000;
           font-size: 0.75em;
           margin: 0;}

.post        {width: 580px;}

.post h2     {font-size: 1em;
             margin: 0;
             margin-bottom: 15px;
             background-color: #b8e964;
             line-height: 32px;
             padding-left: 10px;
             border: solid 2px #47991a;}

.posttext    {font-size: 0.875em;
             line-height: 1.5;}

.posttext p  {margin: 0;
             margin-bottom: 20px;}


.menu        {width: 150px;
             font-size: 0.75em;
             overflow: hidden;}

.menu li     {border-bottom: solid 1px #aaaaaa;
             border-left: solid 1px #aaaaaa;
             border-right: solid #aaaaaa;
             margin-bottom: 0px;
             line-height: 0;
             list-style-type: none;}

.menu li a   {display: block;
             line-height: 30px;
             padding-left: 20px;
             background-image: url(menu_point.png);
             background-repeat: no-repeat;
             color: #000000;
             font-size: 1.2em;
             text-decoration: none;}

.menu li a:hover {background-position: 0 -40px;}

.menu ul     {margin: 0;
             padding: 0;
             border-top: solid 1px #aaaaa;}

.menu .current a {background-position: 0 -80px;}