* {
margin : 0;
padding : 0;
}
html, body {
height : 100%;
background : #eee;
color : #000;
font : 11px helvetica, arial, verdana, sans-serif;
}
h1 {
margin : 0 auto;
background : url(../images/81.gif) no-repeat;
text-indent : -999em;
width : 120px;
top : 15px;
position : absolute;
height : 170px;
}

#navi ul {
list-style : none;
text-transform : uppercase;
font-size : 11px;
font-weight : bold;
color : #ccc;
position : relative;
left : 120px;
top : 90px;
}

#navi li {
float : left;
}

#navi li a{
background: #fff;
color: #000;
padding-left: 5px;
}

#navi li:hover a {
color : #cc0000;
}

#navi li a.active {

color: #ccc; 
}

h2 {
font-size : 14px;
font-weight : bold;
}

#wrap {
min-height : 100%;
width : 800px;
background : #fff;
color : #000;
margin : 0 auto;
}
* html #wrap {
height : 100%;
}
#content {
background : #fff;
margin-left : 20px;
margin-top : 0;
margin-right : 20px;
padding : 30px 20px;
}

#post {
padding : 10px;
}

div#content img.left {
float : left;
margin-right : 15px;
width : 160px;
height : 120px;



}









div#content img.left2 {
float : left;
margin-right : 15px;
width : 220px;
height : 180px;
padding-bottom : 200px;
}




.entry {
height : 90px;
}

.entry2 {
height : 390px;
}

a {
background : #eee;
color : #cc0000;
padding : 0px 2px;
text-decoration : none;
}
a:hover {
background : #cc0000;
color : #fff;
}

#footer {
height: 20px;
margin-top: -20px;
background: #000;
width: 800px;
margin-left:auto;
margin-right:auto;
text-align:center;
color: #fff;
font-size: 10px;
}

#footer a {
background : #000;
color : #fff;
text-decoration : none;
padding: 1px 4px;
font-size: 10px;
}

#footer a:hover {
background : #000;
color: #eee;
}

#header {
width : 800px;
height : 110px;
border-top : 10px solid #000;
border-bottom : 1px solid #eee;
}

