body {
 margin: 0;
 padding: 0;
 background-image: url("media/bgleft.jpg");
 background-repeat: repeat-y;
 background-position: top left;
 background-color: #a8a8a8;
 font-size: 10pt;
 font-family: sans-serif;
 color: #000;
}

#page {
 width: 698px;
 margin: 10px auto 10px 0;
 background: #fff;
 color: #000;
}

#side {
 width: 250px;
 float: left;
 padding: 0;
}

#content {
 margin-left: 260px;
 padding: 0;
}

#foot {
 clear: both;
 text-align: center;
 font-size: 9pt;
 color: #aaa;
}

h1 {
 display: none;
}

h2 {
 margin: 12px;
 font-size: 12pt;
}

h3 {
 margin: 12px;
 font-size: 10pt;
}

h4 {
 margin: 5px 5px 5px 10px;
 font-size: 10pt;
}

a {
 color: #008;
}

a:hover {
 color: #622;
}

p {
 margin: 5px;
}

p.tj {
 text-align: justify;
}

p.tc {
 text-align: center;
}

p.mono {
 font-family: monospace;
}

span {
 font-weight: bold;
}

a {
 color: #226;
}

img {
 border: none;
}

ul.menu {
 margin: 0 10px 0 10px;
 padding: 0;
 color: #aaa;
 list-style: none;
}

ul.menu li {
 display: inline;
 margin: 0 3px 0 3px;
 padding: 0;
}

ul.menu li a, ul.menu li a:link {
 color: #aaa;
 text-decoration: none;
}

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

ul.lmenu {
 margin: 5px;
 padding: 0;
 list-style: none;
}

ul.lmenu li {
 margin: 0;
 padding: 0;
}

ul.lmenu li a {
 display: block;
 width: 95%;
 border-left: 1px solid #eef;
 border-top: 1px solid #eef;
 border-right: 1px solid #88c;
 border-bottom: 1px solid #88c;
 color: #555;
 background-color: #cce;
 padding-left: 5px;
 text-decoration: none;
}

ul.lmenu li a:hover {
 display: block;
 width: 95%;
 border-left: 1px solid #88c;
 border-top: 1px solid #88c;
 border-right: 1px solid #eef;
 border-bottom: 1px solid #eef;
 color: #000;
 background-color: #ddf;
 padding-left: 5px;
 text-decoration: none;
}

img.feed {
 width: 24px;
 height: 24px;
 border: none;
}

img.tamop {
 width: 200px;
 height: 75px;
 border: none;
}

img.oka {
 width: 100px;
 height: 86px;
 border: none;
}

.hidden {
 display: none;
}

.color {
 margin: 3px;
 background: #fed;
 border-top: 1px solid #fc6;
 border-bottom: 1px solid #fc6;
}

#personal h2 {
 margin: 3px;
 font-size: 10pt;
}

#content h2 {
 margin: 10px;
 font-size: 14pt;
 color: #c73;
 border-bottom: 1px solid #c73;
}

#content h3 {
 margin: 10px;
 font-size: 12pt;
 color: #c73;
 padding-left: 10px;
 border-left: 10px solid #c73;
}

#content h3.nc {
 margin: 5px 5px 5px 10px;
 font-size: 10pt;
 border: none;
 color: #000;
 padding: 0; 
}

#content p {
 margin-left: 10px;
}

#content h3.nc a {
 color: #448;
 text-decoration: none;
}

#content h3.nc a:hover {
 color: #448;
 text-decoration: underline;
}

#content p.nc {
 padding-left: 5px;
 border-left: 2px dotted #ddd;
}

#foot a {
 color: #555;
 text-decoration: none;
}

#foot a:hover {
 color: #000;
 text-decoration: underline;
}

.error {
 margin: 15px;
 padding: 5px;
 color: #622;
 background-color: #fee;
 border-left: 3px solid #f33; 
}

/* Galeria */
.gallery {
 margin: 0;
 padding: 0;
}

.gallery h2 {
 margin: 10px;
 font-size: 14pt;
 color: #c73;
 border-bottom: 1px solid #c73;
}

.gallery a img {
 margin: 5px;
 padding: 2px;
 border: 1px solid #aaa;
 background: #fff;
}

.gallery a:hover img {
 margin: 5px;
 padding: 2px;
 border: 1px solid #844;
 background: #fed;
}

.gallery img.decor {
 margin: 8px;
 padding: 3px;
 border: 1px solid #888;
 background: #eee; 
}

#nwsf {
 margin: 5px;
}

#nwsf input[type="text"] {
 width: 95%;
 color: #000;
 background: #eee;
 border: 1px solid #555;
}

#nwsf textarea {
 width: 95%;
 color: #000;
 background: #eee;
 border: 1px solid #555;
}