body,html {
	font:11px verdana,arial,helvetica,sans-serif;
	background:#5085c3 url(http://blog.grabli.net/images/bg2.gif) repeat-y center;
	margin:0;
	padding:0;
	color:#666;
	list-style-type:circle
}

body,html,#rhdr,#bar,#footer {
	text-align:center
}

a {
	color:#e18700;
	text-decoration:none;
	font-weight:bolder
}

a:hover {
	color:#5085c3
}

#rhdr {
	padding-top:10px;
	border-top-color:#f90;
	width:390px
}

#rhdr,#header,#footer {
	border-top-width:4px;
	border-top-style:solid
}

#rhdr,#leftcol,#opt {
	float:right
}

#rhdr,#header,#leftcol,#maincol,#full {
	position:relative
}

#pagewidth,#header,#maincol,#full,#footer {
	background:#fff
}

#pagewidth {
	width:800px;
	margin:0 auto;
	height:100%
}

#pagewidth,#maincol,#full {
	text-align:left
}

#header {
	padding-top:0;
	border-top-color:#6c0;
	padding-left:20px
	width: 100%;
}

#header,.news,#maincol,#full {
	float:left
}

#bar {
	width:100%;
	height:16px;
	border-bottom:4px #e18700 solid
}

#leftcol {
	width:210px;
	background:#fff;
	margin:0 5px
}

#leftcol h2 {
	font:14px verdana,arial,helvetica,sans-serif;
	border-bottom:4px #6c0 solid;
	margin:4px
}

#leftcol h2,h1 {
	color:#333
}

.news {
	width:550px;
	margin:5px 0;
	font-weight:normal
}

#opt {
	width:230px;
	margin:5px
}

.news h2,#opt h2 {
	font:16px verdana,arial,helvetica,sans-serif bolder
}

.news h2 {
	border-bottom:4px solid #ff9e00
}

#opt h2 {
	border-bottom:4px solid #00c310
}

#maincol,#full {
	font:12px verdana,arial,helvetica,sans-serif;
	display:inline
}

#maincol {
	border-right:2px solid #ccc;
	width:550px;
	margin:5px 0 5px 10px;
	padding:0 5px
}

h1 {
	font:24px verdana,arial,helvetica,sans-serif
}

#full {
	width:790px;
	margin:5px 0 25px 0;
	padding-right:5px;
	padding-left:5px
}

#footer {
	height:25px;
	border-top-color:#e18700
}

#footer,.clearfix:after {
	clear:both
}

.clearfix:after {
	content:".";
	height:0;
	visibility:hidden
}

.clearfix:after,.clearfix {
	display:block
}

.clearfix {
	display:inline-table
}

* html .clearfix {
	height:1%
}