body { margin: 0pt; padding: 0pt; background-color:#373167; color: rgb(73, 73, 73); font-family: Verdana; font-size: 12px; height: 100%; width: 100%; }
table { border-width: 0pt; }
td { padding: 0pt; color: rgb(73, 73, 73); font-size: 12px; }
a { color: rgb(73, 73, 73); text-decoration: none; }
a.mail, a:hover { text-decoration: underline; }
h1, h2 { margin: 0pt 0pt 5px; padding: 0pt; }
h1 { font-size: 14px; }
h1 span.date { font-size: 11px; font-weight: normal; }
hr { border-style: solid; border-color: rgb(191, 192, 181); border-width: 1px 0pt 0pt; margin: 0pt; padding: 0pt; height: 0pt; }
hr.sape { margin: 5px 0pt; }
div.site { background-image: url('image/bg-content.png'); background-repeat: repeat-y; width: 860px; }
div.page { margin: 0px 11px 0px 10px; text-align: left; }
div.header { border-bottom: 4px solid rgb(179, 180, 170); background-color: #5446d1; background-image: url('image/bg-header.png'); background-repeat: repeat-x; height: auto; text-align: center; }
div.logo { color: #e5e3f6; font-size: 36px; font-weight: bold; padding-top: 10px; }
div.logo a { color: #e5e3f6; text-decoration: none; }
div.topmenu { border-top: 2px solid rgb(179, 180, 170); color: rgb(204, 204, 204); margin-top: 10px; text-align: left; }
div.topmenu div.float { float: left; }
div.topmenu div.container { padding: 5px; }
div.topmenu a { padding: 0pt 5px; color: rgb(204, 204, 204); display: block; float: left; }
div.topmenu a:hover, div.topmenu a.active { background-color: #e5e3f6; color:#373167; }
div.advertising { border-bottom: 4px solid rgb(179, 180, 170); background-color: rgb(255, 255, 255); height: 100px; text-align: center; }
div.advertising div.canvas { padding: 10px; text-align: center; }
div.formline { border-bottom: 4px solid rgb(179, 180, 170); padding: 5px 10px; background-color: rgb(179, 180, 170); }
div.formline, div.formline td, div.formline a { color: rgb(255, 255, 255); }
div.formline a.rotaban { padding: 2px 5px; background-color: #e5e3f6; color: rgb(96, 181, 113); font-size: 12px; }
div.content { border-right: 1px solid rgb(191, 192, 181); background-color: rgb(255, 255, 255); float: left; font-size: 14px; width: 582px; }
div.content div.canvas { padding: 10px 10px 20px; }
div.menu { background-color:#e5e3f6; float: left; width: 256px; }
.clear { clear: both; }
.diff { color: rgb(176, 176, 176); }
.info { font-size: 80%; }
.slices { font-size: 10px; margin-bottom: 3px; text-align: right; text-transform: lowercase; }
.slices a { text-decoration: underline; }
.slices a.active { font-weight: bold; }
.solid { white-space: nowrap; }
.status { font-size: 12px; font-weight: normal; vertical-align: top; }
.text { padding: 10px; }
.title { font-weight: bold; padding-top: 20px; padding-bottom: 2px; }
.to_right { text-align: right; }
table.rating { border-style: solid; border-color: rgb(204, 204, 204); border-width: 1px 0pt; width: 562px; }
table.rating th { border-bottom: 1px solid rgb(204, 204, 204); padding: 1px 10px; font-size: 10px; text-align: left; }
table.rating th img { vertical-align: middle; }
table.rating th a.active { background-color: rgb(32, 230, 36); }
table.rating td { padding: 8px; vertical-align: middle; }
table.rating td.order { padding: 5px; color: rgb(42, 133, 3); }
table.rating td.diff { padding-left: 0pt; }
table.rating td.blog { width: 300px; }
table tr.row1 td { background-color: #e5e3f6; }
table tr.row2 td { background-color: rgb(255, 255, 255); }
img.mod { padding: 1px; vertical-align: middle; }
#site_button img { vertical-align: middle; }
div.rss { font-size: 10px; }
div.rss a { color: rgb(0, 0, 255); font-size: 9px; }
div.rss a.link { color: rgb(176, 176, 176); font-size: 10px; }
a.rotaban { color: rgb(96, 181, 113); font-size: 10px; }
form { margin: 0px; padding: 0px; }
#add_blog_form input { border: 1px solid rgb(204, 204, 204); padding: 1px; background-color: rgb(255, 255, 255); width: 230px; }
#find_blog_form input { border: 1px solid#373167; padding: 1px; background-color: rgb(255, 255, 255); font-size: 10px; width: 200px; }
#add_blog_form .form_button, #find_blog_form .form_button { border-color:#373167; background-color:#373167; color: #e5e3f6; }
#add_blog_form .form_button { margin-top: 10px; }
#find_blog_form .form_button { border-width: 0pt; font-size: 10px; width: 75px; }
div.sape, div.sape a { color: rgb(204, 204, 204); }
div.pages { margin: 10px 0pt 20px; font-size: 0.7em; }
div.pages div { margin: 1px; padding: 0pt; float: left; text-align: center; width: 22px; }
div.pages div.text { padding-top: 5px; }
div.pages div.link { border: 1px solid rgb(221, 221, 221); background-color: rgb(238, 238, 238); height: 22px; }
div.pages div a { margin: 4px 2px; display: block; text-decoration: none; }
div.pages div a.active { background-color: rgb(238, 238, 238); color: rgb(0, 0, 0); font-weight: bold; }


#panel { border-style: solid; border-color: rgb(75, 75, 75); border-width: 3px 3px 3px 0pt; margin: 0pt; padding: 0pt; background-color: rgb(221, 221, 221); background-image: url('image/bg-menu.png'); background-position: 100% 0pt; background-repeat: repeat-y; position: absolute; z-index: 99; }
#panel_space { background-image: url('image/panel-open.gif'); background-position: 3px 50%; background-repeat: no-repeat; height: 100px; width: 10px; }
#panel_space:hover { background-image: url('image/panel-open-over.gif'); }
#panel_links { padding: 5px 15px 5px 5px; background-image: url('image/panel-close.gif'); background-position: 98% 50%; background-repeat: no-repeat; text-align: left; }
#panel_links:hover { background-image: url('image/panel-close-over.gif'); }
#panel_links a { margin: 1px 0px; padding: 1px 5px; display: block; }
#panel_links a:hover, #panel_links a.active { background-color: rgb(255, 255, 255); }