a, a:link, a:active, a:visited
{
 text-decoration: none;
 font-weight: bold;
 color: #373C3f;
}

a:hover
{
 color: #a7b5be;
}


body
{
 background:#a7b5be url(/static/theme/background.jpg) no-repeat center top;
}

#center
{
 margin: 20px auto;
 width: 1000px;
}

#main
{
 display: flex;
 background: #000000;
}

#left
{
 width: 740px;
}

#logo
{
 height: 82px;
 background:#000000 url(/static/theme/fish.png) no-repeat left top;
}


#content
{
 background: #ffffff;
 min-height: 560px;
}

.post .title
{
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 20px;
 padding: 16px 0px 8px 8px;
}

.title .date
{
 font-weight: normal;
 font-size: 12px;
 float: right;
 padding: 4px;
 color: #888888;
}

.post .body
{
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 padding: 0px 8px 16px 8px;
}

.bank_right
{
 float: right;
}

.post .tail
{
 background: #ffffff url(/static/theme/divider.png) no-repeat center top;
 height: 24px;
 margin: 2 auto;
}


#all
{
 margin: 0 auto;
 padding: 16px 0px 8px 8px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}

.category
{
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 20px;
 padding: 24px 0px 0px 20px;
}

.list
{
 padding: 16px; 
}

.list .item
{
 padding: 4px;
}

.list .item .date
{
 display: inline;
 padding: 4px 4px 4px 8px;
 font-weight: normal;
 font-size: 12px;
 color: #888888;
}


#right
{
 margin: 0px 0px 0px 20px;
 width: 240px;
 background: #ffffff;
 position: relative;
}

.menu
{
 margin: 4px 20px 4px 0px;
 border-radius: 0px 8px 8px 0px;
 padding: 4px;
 background: #000000;
}

a .menu , a:link .menu , a:active .menu, a:visited .menu
{
 text-decoration: none;
 font-weight: bold;
 color: #ffffff;
}

a:hover .menu
{
 color: #aaaaaa;
}

.spacer
{
 height: 12px; 
}


#tentacle_top
{
 background: #ffffff url(/static/theme/tenticles_high.png) no-repeat right bottom;
 width: 200px;
 height: 73px;
 position: absolute;
 bottom: 0px;
 right: 8px;
}

#tentacle_bottom
{
 background: transparent url(/static/theme/tenticles_low.png) no-repeat right top;
 width: 200px;
 height: 50px;
 margin: 0px 8px 8px 0px;
 float: right;
 clear: right;
}


#copyright
{
 margin: 8 auto;
 width: 300px;
 text-align: center;
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 text-shadow: 0px 0px 8px #000000;
}
