body {
background: transparent url(images/blog_tlo_rep.jpg);
color: #fff;
margin: 0; padding: 0;
}

a img { border: 0; }
a { text-decoration: none; }

.hidden { text-indent: -9000px;}
.br { clear: both; }
.small { font-size: x-small; }
.large { font-size: xx-large; }

#container {
background: url(images/blog_tlo_1.jpg) no-repeat;
margin: 0; padding-top: 50px;
width: 87%;
padding-bottom: 450px;
}

#header {
background: url(images/blog_head.png) no-repeat;
width: 183px; height: 126px;
position: absolute;
top: 123px; left: 181px;
}

#top {
float: right;
clear: both;
}

#top a {
font-size: 11px;
color: #F56100;
}

#top a:hover {
font-size: 11px;
color: #F59900;
}

#top h2 {
font-size: 11px;
color: #CCCCCC;
font-weight: normal;
display: inline;
margin: 0; padding: 0;
}

#top ul {
margin: 0; padding: 0;
margin-top: 5px;
display: inline;
}

#top ul li {
color: #F56100;
font-size: 11px;
display: inline;
list-style: none;
}

#search {
float: right;
}

#search input {
background: #333;
border: 2px solid #555;
color: #f4f4f4;
font-family: Verdana;
font-size: 0.7em;
padding: 3px;
}

#sidebar {
float: left;
margin: 0; padding: 0;
position: absolute;
top: 260px; left: 145px;
width: 223px;
font-size: 11px;
color: #CCCCCC;
}

#sidebar h2 {
border-top: 2px dotted #cccccc;
border-bottom: 2px dotted #cccccc;
color: #cccccc;
font-weight: bold;
width: 95%;
padding: 0 3px 3px 0;
font-size: 11px;
}

#sidebar a {
color: #F56100;
}

#sidebar a:hover {
color: #F59900;
}

#sidebar ul {
padding: 0;
margin: 0;
}

#sidebar ul li {
color: #F56100;
list-style-type: none;
}

#content {
margin-left: 390px;
margin-top: 60px;
font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
}

#content .post {
background: url(images/left_top.png) no-repeat;
background-color: #F6F6F6;
margin-bottom: 10px;
color: #414141;
padding: 10px 0 0px 0 ;
}

#content .post a {
color: #F56100;
}

#content a {
color: #F56100;
}

div.post-head {
background: url(images/wpis_ico.jpg) no-repeat;
color: #414141;
padding-left: 65px;
position: relative;
left: -6px;
height: 39px;
padding-bottom: 27px;
}

#content div.post-head h2 {
font-weight: normal;
margin: 2px 0 0px 0;
}

#content div.post-head h2 a {
color: #414141;
font-size: 15pt;
}

#content span.post-categories a {
font-size: 11px;
}

#content div.post-head h3 {
display: inline;
font-weight: normal;
font-size: 11px;
}

#content .post p {
margin: 7px 30px 0 30px;
font-size: 14px;
}

#content .post hr {
height: 0px; width: 93%;
border: 1px solid #444444;
}

#content .post h4, #content .post h5 {
margin-left: 30px;
}

#content .post h3, pre {
margin-left: 30px;
font-weight: normal;
}

#content .post pre, #content .post code {
background-color: #ddd;
width: 93%;
padding-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
}

#content code {
display: block;
}

#content div.post-foot {
color: #414141;
padding: 0 0 10px 30px;
font-size: 12px;
background: url(images/left_bot.png) no-repeat 0 14px;
}

#content div.post-foot-single {
color: #414141;
padding: 0 0 10px 30px;
font-size: 12px;
background: url(images/left_bot.png) no-repeat 0 50px;
}

#footer {
color: #666;
font-size: 0.7em;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
clear: both;
}