* {
margin:0px;
padding:0px;
}

/* general */

body {
background: #fff url("images/bkg.jpg") left top no-repeat;
font:12px Verdana, Helvetica;
color:#000;
}

/* generical */
.left {
float:left;
display:inline;
}

a {
color:#c00;
text-decoration:underline;
}

a, a:active {
outline:none;
}

a:hover {
color:#999;
}

h2, 
h2 a {
margin:0 0 20px 0;
font-size:20px;
color:#666;
text-decoration:none;
}

h3 {
font-size:16px;
color:#888;
margin:0 0 10px 0;
}

hr {
color:#999;
background:#999;
border:none;
height:2px;
margin-bottom:10px;
}

p {
margin-bottom:20px;
line-height:18px;
}

p.date {
font-size:11px;
margin:20px 0px 0px 0px;
color:#999;
}

ul,ol {
padding-left:40px;
line-height:18px;
margin-bottom:20px;
}

ul {
list-style-type:square;
}

/**************************************************/
/* side */

#header {
position:absolute;
left:0;
topp:0;
width:390px;
color:#fff;
background: #fff url("images/bkg.jpg") no-repeat left top;
padding:150px 0px 0px 120px;
font-size:12px;
font-weight:normal;
color:#666;
}

h1 span { display:none; }

ul.menu {
display:block;
background:#fff;
font-size:20px;
list-style:none;
width:100%;
padding:20px 0px;
line-height:normal;
text-align:right;
}

ul.menu li {
background:none;
margin:0px 15px 15px 0px;
}

ul.menu li a {
color:#c00;
text-decoration:none;
}

ul.menu li a:hover {
color:#999;
}

/**************************************************/
/* main area */

div#content {
width:500px;
margin:0;
position:absolute;
left:560px;
top:0;
z-index:10;
background:#ffd;
border:5px solid #c00;
border-top:none;
}

div.contentHolder {
margin:0px 30px;
padding:30px 0px;
}

div.item {
margin:0 0 20px 0;
overflow:hidden;
}

div.bord { 
border-bottom:1px solid #999;
}

div.date {
margin-top:20px;
padding:5px;
font-size:11px;
color:#666;
}